@theme {
  --animate-overlay-fade-in: overlay-fade-in 250ms ease-in-out;
  --animate-fade-in: fade-in 250ms ease-in-out;
  --animate-fade-out: fade-out 250ms ease-in-out;
}

@keyframes overlay-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.9;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
